<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>
        <h:form id="estudiosEspecializadosCreateForm">
            <p:panel header="Estudios Superiores" style="border: none; margin-top: -10px;" >
                <h:panelGroup id="display">
                    <h:panelGrid 
                        columns="2" 
                        border="0"
                        columnClasses="column1Class, column2Class,column3Class,column4Class" 
                        >

                        <p:panel header="Universidad / Escuela Superior" style="border: none;">
                            <h:panelGrid columns="2">
                                <p:outputLabel value="PAIS" for="pais" />
                                <p:selectOneMenu id="pais" 
                                                 value="#{estudiosEspecializadosController.pais}"
                                                 required="true" 
                                                 requiredMessage="#{bundleEtiquetasES.Pais} #{bundleEtiquetasES.CampoRequerido}">
                                    <f:selectItem  itemLabel="#{bundleEtiquetasES.Seleccione}"/>
                                    <f:selectItems value="#{usuarioController.itemPaises}"
                                                   var="PaisItem"
                                                   itemValue="#{PaisItem}"
                                                   itemLabel="#{PaisItem.nombre}"
                                                   />
                                    <f:converter binding="#{paisConverter}"/>
                                    <p:ajax event="change" 
                                            listener="#{estudiosEspecializadosController.selectUniversidad()}" 
                                            update="universidad"/>
                                </p:selectOneMenu>
                                <p:outputLabel rendered="true" value="UNIVERSIDAD " />
                                <p:selectOneMenu id="universidad" 
                                                 value="#{estudiosEspecializadosController.universidad}"
                                                 required="true"
                                                 >
                                    <f:selectItem itemLabel="#{bundleEtiquetasES.Seleccione}"/>
                                    <f:selectItems value="#{estudiosEspecializadosController.itemsUniversidad}"
                                                   var="UniversidadItem"
                                                   itemValue="#{UniversidadItem}"
                                                   itemLabel="#{UniversidadItem.nombre}"
                                                   />
                                    <f:converter binding="#{universidadConverter}"/>
                                </p:selectOneMenu>
                            </h:panelGrid> 
                        </p:panel>
                        <p:panel header="Titulacion">
                            <h:panelGrid columns="2">
                                <p:outputLabel value="TITULO: " 
                                               for="titulo" />
                                <p:inputText id="titulo" 
                                             value="#{estudiosEspecializadosController.titulo}"
                                             title="TITULO"
                                             onkeyup="value = value.toUpperCase()"
                                             required="false"
                                             size="50"/>

                                <p:outputLabel value="CAMPO DE ESTUDIO: " 
                                               for="campo" />
                                <p:inputText id="campo" 
                                             value="#{estudiosEspecializadosController.campoEstudio.nombre}"
                                             title="CAMPO DE ESTUDIO"
                                             onkeyup="value = value.toUpperCase()"
                                             required="false"
                                             size="50"/>

                                <p:outputLabel value="TIPO DE ESTUDIO:" 
                                               for="tipo" />
                                <p:inputText id="tipo" 
                                             value="#{estudiosEspecializadosController.tipoEstudio.descripcion}"
                                             title="TIPO DE ESTUDIO"
                                             onkeyup="value = value.toUpperCase()"
                                             required="true"
                                             size="50"/>
                            </h:panelGrid>
                        </p:panel>

                    </h:panelGrid>
                    <div  style="margin-left: 50%; margin-bottom: 20px; margin-top: 10px;">
                        <p:commandButton actionListener="#{estudiosEspecializadosController.saveNew}" 
                                         value="#{bundleEtiquetasES.Agregar}" icon="ui-icon-disk" 
                                         update=":estudiosEspecializadosCreateForm:pais,
                                         :estudiosEspecializadosCreateForm:universidad,
                                         :estudiosEspecializadosCreateForm:titulo,
                                         :estudiosEspecializadosCreateForm:campo,
                                         :estudiosEspecializadosCreateForm:tipo
                                         :estudiosSuperioresListForm:datalist"
                                         ajax="false"
                                         />

                        <p:commandButton actionListener="#{estudiosEspecializadosController.destroy()}"
                                         value="#{bundleEtiquetasES.Quitar}" 
                                         icon="ui-icon-circle-close"
                                         update="estudiosEspecializadosCreateForm, estudiosSuperioresListForm"/>
                    </div>

                    <p:separator style="border-style: dotted; width: 75%; margin-bottom: 10px;"/>
                    <ui:include src="lista.xhtml"/>
                </h:panelGroup>
            </p:panel>
        </h:form>
    </ui:composition>
</html>
